import { Component } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { Color } from 'ng-antd-color-picker';
import { NzColorPickerModule, NzColor } from 'ng-zorro-antd/color-picker';

@Component({
  selector: 'app-color-picker-basic-demo',
  standalone: true,
  imports: [NzColorPickerModule, FormsModule],
  templateUrl: './color-picker-basic-demo.component.html',
  styleUrl: './color-picker-basic-demo.component.less',
})
export class ColorPickerBasicDemoComponent {
  color = 'red';

  OnColorChange({ color }: { color: NzColor }) {
    this.color = color.toHex8String();
  }
}
